.rmodal {
  height: 380px;
  :global {
    .ant-tree li .ant-tree-node-content-wrapper:hover,
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected:hover,
    .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
      background: transparent;
    }
    .trees {
      .ant-tree-node-selected {
        background: none;
      }
    }
    :hover.clons {
      color: #1e7ce8;
    }
  }
  .PopupTitle {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    .popright {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    img {
      width: 30px;
      height: 30px;
      margin-right: 10px;
    }
    b {
      font-size: 18px;
    }
  }
  .card {
    height: 320px;
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    .container {
      display: flex;
      flex-direction: row;
      width: 100%;
      height: 100%;
      .treebox {
        flex: 1;
        padding: 15px;
        padding-right: 0;
        overflow-y: auto;
        .checkbox {
          width: 100%;
          margin-top: 10px;
          margin-left: 0;
          label {
            display: block;
            margin-top: 10px;
            text-align: left;
          }
        }
      }
    }
  }
}

.searchbox {
  flex: 1;
  padding: 10px 0 15px 15px;
  overflow-y: auto;
  border-left: solid 1px #d9d9d9;
  .checkbox {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    label {
      display: block;
      margin-top: 10px;
      text-align: left;
    }
  }
  .colr {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 31.5px;
    .clear {
      width: 50px;
      height: 31.5px;
      color: #8c8c8c;
      line-height: 31.5px;
      cursor: pointer;
    }
  }
  .rightBoxItem {
    display: flex;
    .close {
      display: flex;
      align-items: center;
      height: 31.5px;
      margin-right: 16px;
      color: #bfbfbf;
    }
    .rightName {
      color: #373e48;
      font-size: 14px;
      line-height: 31.5px;
    }
  }
  .rightBoxItemBlock {
    .rightName {
      color: #fff;
    }
  }
}
.rmodalBlock {
  .card {
    border: 1px solid #4e5154;
  }
  :global {
    .ant-modal-content {
      background: #222629 !important;
    }
    .ant-modal-footer {
      border-top: 0 !important;
    }
  }
  .searchbox {
    border-left: 1px solid #4e5154;
  }
}
